@function tovmin($rpx) {
  //$rpx为需要转换的字号
  @return #{$rpx * 100 / 750}vmin;
}
.SuspendedGoods_box {
  width: tovmin(207);
  border-radius: tovmin(4);
  background: #fff;
  box-shadow: 0 tovmin(8) tovmin(28) 0 rgba(0, 0, 0, 0.0784313725490196);
  display: inline-block;
  position: fixed;
  right: tovmin(24);
  overflow: hidden;
  z-index: 100;
  bottom: tovmin(160);

  .SuspendedGoods_close {
    position: absolute;
    padding-right: tovmin(24);
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: tovmin(48);
    z-index: 1;
    background: rgba(0, 0, 0, 0.3) !important;
  }

  .SuspendedGoods_player {
    position: absolute;
    padding-right: tovmin(24);
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center;
    width: 100%;
    height: tovmin(48);
    z-index: 1;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3) !important;

    .loadingWrapper {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      height: tovmin(26);
      width: tovmin(52);
      background-repeat: no-repeat;
      background-size: cover;

      .loading:first-child {
        left: 0;
        -webkit-animation: loading-run-data-v-4bdabdb3 0.9s ease-in-out 0.15s
          infinite;
        animation: loading-run-data-v-4bdabdb3 0.9s ease-in-out 0.15s infinite;
      }

      .loading:nth-child(2) {
        left: tovmin(10);
        -webkit-animation: loading-run-data-v-4bdabdb3 0.9s ease-in-out 0.25s
          infinite;
        animation: loading-run-data-v-4bdabdb3 0.9s ease-in-out 0.25s infinite;
      }

      .loading:nth-child(3) {
        left: tovmin(20);
        animation: loading-run-data-v-4bdabdb3 0.9s ease-in-out 0.35s infinite;
      }

      .loading:nth-child(4) {
        left: tovmin(40);
        animation: loading-run-data-v-4bdabdb3 0.9s ease-in-out 0.45s infinite;
      }

      .loading {
        background-color: #fff;
        height: tovmin(26);
        width: tovmin(6);
        border-radius: tovmin(2);
        -webkit-transform-origin: top;
        transform-origin: top;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        position: absolute;
        bottom: 0;
        animation: loading-run-data-v-4bdabdb3 0.9s ease-in-out 0.25s infinite;
        margin-left: tovmin(4);
      }
    }
  }

  .SuspendedGoods_profile {
    width: tovmin(207);
    height: tovmin(117);
    position: relative;
  }

  .SuspendedGoods_content {
    padding: tovmin(12);

    .SuspendedGoods_content_title {
      font-size: tovmin(22);
      font-weight: 600;
      line-height: tovmin(42);
      max-height: tovmin(84);
      color: #333333;
    }

    .SuspendedGoods_content_button {
      margin-top: tovmin(8);
      width: tovmin(184);
      height: tovmin(48);
      background: linear-gradient(270deg, #ff5a0e 0%, #ff7332 100%);
      border-radius: tovmin(8);
      display: flex;
      align-items: center;
      justify-content: space-between;

      .SuspendedGoods_content_price {
        font-size: tovmin(20);
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 600;
        color: #ffffff;
        padding-left: tovmin(8);
      }

      .SuspendedGoods_content_btn {
        width: tovmin(52);
        height: tovmin(50);
        background: url(https://wx.gy.cn/wechatImage/liveImage_17.png) no-repeat;
        background-size: 100% 100%;
      }
    }
  }

  @keyframes loading-run-data-v-4bdabdb3 {
    0%,
    20%,
    40% {
      height: tovmin(2);
    }

    25% {
      height: tovmin(26);
    }
  }
}

.SuspendedGoods_hp_box {
  display: inline-block;
  position: fixed;
  right: tovmin(124);
  overflow: hidden;
  z-index: 100;
  bottom: tovmin(208);
}
